// 1.从vue中按需导入createApp函数
//   createApp函数的作用：创建vue的"单页面应用程序实例"
import { createApp } from 'vue'
// 2.导入待渲染的App组件
import App from './App.vue'
// 3.调用createApp()函数，返回值是“单页面应用程序的实例”,用常量spa_app进行接收，
//   同时把App组件作为参数传给createApp函数，表示要把App渲染到index.html页面上
const app=createApp(App);


// --------------------------------------------------------
// 全局注册组件
// 1.导入Swiper和Test两个组件
import Swiper from './components/MySwiper.vue';
import Test from './components/MyTest.vue';
// 2.调用app实例的component()方法，在全局注册my-swiper和my-test两个组件
app.component('my-swiper',Swiper);
app.component('my-test',Test);
// --------------------------------------------------------


// 4.调用单页面应用程序实例的mount方法，用来指定vue实际要控制的区域
app.mount('#app');



